<template>
 <div>
    <webchatContentBox :importType="'dataCenter'" :webchatInfo="webchatInfo"></webchatContentBox>
 </div>
</template>
<script lang='ts'>
import { Component, Vue } from 'vue-property-decorator'
import webchatContentBox from '@/views/webchat/webchatContentBox.vue'
@Component({
  name: 'webchatSession',
  components: { webchatContentBox }
})
export default class WebchatSession extends Vue {
  private $bus: any

  private webchatInfo = {}

  private mounted () {
    this.$bus.$on('initWebchat', res => {
      this.webchatInfo = res.chatSession || {}
    })
  }

  private bofereDestory () {
    this.$bus.$off('initWebchat')
  }
}
</script>
<style lang="stylus" scoped>
.microWebchat
  height calc(100vh - 36px)
</style>
